// 获取鼠标位置
import {onMounted, ref} from "vue";

const useMousePoint = () => {
    const x = ref(0);
    const y = ref(0);

    const mouseMove = (e: MouseEvent) => {
        x.value = e.pageX;
        y.value = e.pageY;
    }

    //获取鼠标位置的:生命周期函数
    // 因为 作用域是定义的时候就已经生成了  onMounted是组件的生命周期函数 而在这个ts文件里 是没有的 所以会报警告 并不会执行
    onMounted(() => {
        console.log("请移动鼠标,可以查看鼠标的位置信息");
    });
    return {
        x,
        y,
        mouseMove
    }
}


export default useMousePoint